<template>
  <div class="loading">
    <div class="loadingContent">
      <img src="../../../static/images/loading.gif" width="50" alt="">
      <p>Loding……</p>
    </div>
  </div>
</template>
<script>export default {
    name: 'loading',
    data () {
      return {}
    },
  }</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

  .loading {
   width:100%;
   height:100%;
  }

    .loading .loadingContent {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      text-align: center;
      z-index:9999;
    }
    .loading .loadingContent img{
       margin-bottom:10px;
    }
</style>
